﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>注册成功</title>
	<link rel="stylesheet" type="text/css" href="../../css/loginAndRegister/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../css/loginAndRegister/scanboardLogin.css" />
	<link rel="stylesheet" type="text/css" href="../../css/loginAndRegister/animsition.css" />
	<style>
		.text1{
			color: #ffffff;
		}

		.here{
			color: #ff0000;
		}
	</style>
</head>
<body>
	<div class="wp animsition">
		<div class="boardLogin" style="width: 500px">
			<a class="logo">
				<img src="../../images/register/registerSuccess.png">
			</a>
			<p class="logo text1" style="font-size: 20px">注册成功，<span class="time">5</span>秒后自动跳转至登录页</p>
			<p class="logo text1" style="font-size: 15px">点击<a class="here">这里</a>立即跳转</p>
		</div>
	</div>
	<div id="particles-js"></div>
</body>
<script type="text/javascript" src="../../js/functionalAreas/dronePatrol/jquery.min.js"></script>
<script type="text/javascript" src="../../js/jquery.animsition.js"></script>
<script src="../../js/particles.min.js"></script>
<script src="../../js/app.js"></script>
<script type="text/javascript">
	let i = 5;
	$(function(){
		//等待5秒自动跳转
		setTimeout(function(){
			window.location.href = "login.html";
			/*这里设置了5000ms的话有可能会看到0秒*/
		},4900);//5秒后返回登录页
		after();

		//点击这里立即跳转
		$(".here").bind("click",function () {
			window.location.href = "login.html";
		});

	});

	//自动刷新页面上的时间
	function after(){
		$(".time").html(i);
		i--;
		setTimeout(function(){
			after();
		},1000);
	}

	$(".animsition").animsition({
	    inClass               :   'fade-in',
	    outClass              :   'fade-out',
	    inDuration            :    800,
	    outDuration           :    1000,
	    linkElement           :   '.animsition-link',

	    loading               :    false,
	    loadingParentElement  :   'body',
	    loadingClass          :   'animsition-loading',
	    unSupportCss          : [ 'animation-duration',
	                              '-webkit-animation-duration',
	                              '-o-animation-duration'
	                            ],
	

	    overlay               :   false,
	    
	    overlayClass          :   'animsition-overlay-slide',
	    overlayParentElement  :   'body'
  	});
</script>
</html>
